#maincontent {
	width: 90%;
	margin: 5px;
	position: absolute;
	top: 100px;
	left: 50px;
}

#footer {
	position: absolute;
	bottom: 0;
	left: 190px;
	text-align: center;
	height: 5px;
}

/* Menu */

#mainmenu {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 180px;
	border: 1px solid #998675;
	margin: 5px;
}

#mainmenu ul, #mainmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainmenu li {
	background: #493e3b;
}

#mainmenu li.alt {
	background: #362f2d;
}

#mainmenu li a {
	color: #ffffff;
	text-decoration: none;
	padding: 10px;
	display: block;
}

/* Menu effects */

#mainmenu li a:hover {
	padding: 15px 10px;
	font-weight: bold;
}

div.col-50, div.col-25, div.col-75 {	
    float: left;
    margin-right: 1em;
    
}

div.col-50 {
	width: 48%;
}

div.col-25 {
	width: 23%;
}

div.col-75 {
	width: 73%;
}

div.last {
    margin-right: 0;
}

hr {
    background: #ddd;
    color: #ddd;
    clear: both;
    float: none;
    width: 100%;
    height: .1em;
    margin: 0 0 1.45em;
    border: none;
}

hr.space {
    background: #fff;
    color: #fff;
}

hr.dashed{
	background: #fff;
	border-bottom: 1px dashed #333;
}

